import React, { Component } from 'react';
import IcePanel from '@icedesign/panel';
import { Button , Feedback } from '@icedesign/base';


export default class AppMenu extends Component {
  static displayName = 'AppMenu';

  constructor(props) {
    super(props);
    this.state = {};
  }


  renderItem = () => {
    return <div style={{
      width: '33.3%',
      display: 'flex',
      justifyContent: 'center',
      alignItems: 'center'
    }}>
      <IcePanel status="primary">
        <IcePanel.Header>
          App名称
      </IcePanel.Header>
        <IcePanel.Body>
          <p style={{ fontSize: '15px', margin: 0, lineHeight: 1.5, color: '#333' }}>
            参差荇菜，左右芼之。窈窕淑女，钟鼓乐之。
        </p>
          <p style={{ fontSize: '15px', margin: 0, lineHeight: 1.5, color: '#333' }}>
            参差荇菜，左右芼之。窈窕淑女，钟鼓乐之。
        </p>
        </IcePanel.Body>
      </IcePanel>
    </div>;
  }

  creatApp = () => {
      Feedback.toast.success('创建')
  }

  render() {
    return <div className="app-menu-page">

      <div>
          <Button onClick={() => this.creatApp()} type="primary" >创建App</Button>
      </div>

      <hr/>

      <div style={{fontSize:'17px' , color:'white'}}>全部应用</div>
      <br/>
      <div style={{ display: 'flex', flexDirection: 'row', flexWrap: 'wrap', width: '100%' }}>
        {this.renderItem()}
        {this.renderItem()}
        {this.renderItem()}
      </div>

      
      

    </div>
  }
}
